<template>
	<el-container>
		<Header></Header>
		<el-main>
			<el-input
					placeholder="搜索您周边的停车位"
					v-model="input"
					clearable>
			</el-input>
			<!--登陆提示-->
			<el-card>
				<span style="text-align: center;font-size: small">
					亲爱的车主，停车缴费请先登陆
				</span>
				<el-button type="primary" size="mini" @click="pushHandler">
					请登录
				</el-button>
			</el-card>
		</el-main>
		<el-footer>
			<Footer></Footer>
		</el-footer>
	
	
	</el-container>
</template>

<script>
	import Footer from "@/components/Footer";
	import Header from "@/components/Header";
	export default {
		name: 'Home',
		components: {Header, Footer},
		methods:{
			pushHandler() {
				this.$router.push('/login')
			},
		}
	}
</script>

<style scoped>
	.el-container {
		width: 400px;
		height: 600px;
		border: 1px solid black;
		margin: auto;
		background-color: #ffffff;
	}
	
	.el-card {
		/*width: 100%;*/
	}
</style>